<template>
      <div class="OtherInfo">
      	<div class="description_head">
    		<span class="big_description_span"></span>
    		<span class="big_description_span1">其他信息 : </span>
    	</div>
    	<ul class="matching_ul">
    		<li>所属部门：{{dep}}</li>
    		<li>专业要求：{{req}}</li>
    		<li>汇报对象：{{obj}}</li>
    		<li>下属人数：{{num}}人</li>
    	</ul>
      </div>
</template>

<script>
	export default {
    	name: 'OtherInfo',
        data () {
            return {
            	dep:"研发三部",
            	req:"不限",
            	obj:"无",
            	num:"0"
            }
        }
    }
</script>

<style scoped>
	.OtherInfo{
		height: 135px;
		padding-left: 30px;
		padding-top: 25px;
		padding-left: 30px;
	}
	.big_description_span{
		width: 3px;
		height: 18px;
		background: #2D8CF0;
		display: inline-block;
		position: relative;
		top: 4px;
		margin-right: 5px;
	}
	.big_description_span1{
		font-size: 15px;
		font-weight: 700;
	}
	.matching_ul{
		list-style: none;
		margin-top: 15px;
		padding-left: 10px;
	}
	.matching_ul>li{
		float: left;
		width: 50%;
		font-size: 14px;
		margin-bottom: 10px;
	}
</style>